@font-face { font-family: IDK; src: url("font/ARCADE_I.TTF"); } 
@font-face { font-family: futura; src: url("font/futura/futura-pt/FuturaCyrillicBook.ttf"); } 
@font-face { font-family: futura_bold; src: url("font/futura/futura-pt/FuturaCyrillicDemi.ttf"); } 
fieldset
{
    border: rgb(255, 255, 255) solid ;
    background-color: rgb(255, 255, 255);
    width: 40%;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}




body
{
    font-family: futura;
    background-image: url("main\ screen\ ui/reducedagain.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover

}

.title_1
{

    font-size: 2vw;

    color: rgb(196, 196, 0);
    display: flex;

    justify-content: left;
    align-items: center;
    margin: 0px;
    margin-bottom: 0.5vw;
    margin-top: 0.5vw;
    text-align: left;
      text-shadow:1px 1px 7px rgb(196, 196, 0), 1px 1px 7px rgb(148, 148, 0);
        font-family: IDK, sans-serif;
}


.intro
{
    background-image: url(main\ screen\ ui/textur.png);
    background-position: center;
    width:  95% ;
    background-size: 8vw;

    border-color: rgb(82, 82, 82);


    justify-content: left;
    align-items: left;
    margin: 5vw auto;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 5px;
    
}




tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    width: 100%;
    
}

.menu_title
{
    text-align: center;
    color: rgb(196, 196, 0);
    text-decoration: none;

    font-size: 140%;
}

.menu_td_1
{
        border: 2px solid rgb(196, 196, 0);
        border-radius: 5px;
        font-size: 130%;

}

.menu_td_2
{
        border: 2px solid rgb(196, 196, 0);
        border-radius: 5px;
        font-size: 130%;
        border: 0px; 
        text-align: center;
        padding: 0px;

        display: table-cell;
        vertical-align: inherit;
        unicode-bidi: isolate;
        height: 3vw;
        

}
.menu_td
{
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;

    padding-top: 8px;
    padding-bottom: 8px;


}

.menu_sub
{
    color: rgb(196, 196, 0);
    text-decoration: none;

    font-size: 100%;
}

.menu
{
    width: 97%;

    table-layout: fixed;
    border: 3px solid rgb(82, 82, 82);
    background-color: rgb(29, 29, 29);
    border-radius: 5px;
    margin: 1em;
    text-align: center;

    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;

    font-size: 100%;
    



    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    margin-bottom: 0px;
    margin-top: 1%;


}

.menu_tr_1
{
    color: rgb(56, 56, 56);
    border: 0px;

}

.menu_tr_1:nth-child(even) {
  background-color: rgb(41, 41, 41);
}
.gun_stats{

}

.gun_stats:nth-child(even) {
  background-color: rgb(29, 29, 29);
}

.td_stat_info
{
    color: rgb(196, 196, 0);
    text-align: left;

}


.Lore_txt
{
   color: rgb(196, 196, 0);
    text-align: left;

}

.IMG_text
{
    background-position: top;
    background-size:cover;
    height: 20vw;
    


}

.Name
{
   color: rgb(196, 196, 0);
    text-align: left;
    font-size: 200%;
    font-family: futura_bold;
}

.text
{
    color: rgb(196, 196, 0);

}



.menu_element
{
    width: 100%;

    display: flex;
    table-layout: fixed;

    margin: 1em;
    text-align: center;

    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;

    font-size: 100%;
    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    margin-bottom: 0px;
    margin-top: 1%;


}

.button_CH
{
    width: 100%;
    height: 120%;
    background-color: rgb(29, 29, 29);
    color: rgb(196, 196, 0)

    
}


.IMG_CH
{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

}


.table_w_but
{
    margin-top: 0px;
    margin: 0px;
    width: 97%;

}


.Sensitive
{
    filter: blur(4px);

}

.Sensitive:hover
{
    filter: blur(0px);

}



/* Vehicle by CrossWorth */

.card{
    width:250px;
    background-color: rgb(29, 29, 29);
    color:white;
    border-radius:8px;
    border: 2px solid rgb(82, 82, 82);
    overflow:hidden;
    position:relative;
}

.card-image{
    height:200px;
    position:relative;

}

.vehicle-content{
    padding:10px;
}

.vehicle-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    margin-bottom:15px;
    color:  rgb(196, 196, 0);
}

.vehicle-name{
    font-size:22px;
    font-weight:bold;
    margin-bottom:0px;
    text-align: Center;
    color:  rgb(196, 196, 0);
}

.card-section{
    display:flex; 
    gap:30px; 
    padding:30px; 

}

.card-image{
    height:220px;
    position:relative;
}

.vehicle{
    position:absolute;
    width:85%;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}

.divider{
    height:1px;
    background:#333;
    margin-bottom:20px;
}

.actions{
    text-align:center;
}

.actions a{
    color:rgb(196, 196, 0);
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
}

.JointDT-flag-bg{
    position: absolute;
    inset: 0;
    background-image:url("Faction/JointDT.png");
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.EntenteOrg-flag-bg{
    position: absolute;
    inset: 0;
    background-image:url("Faction/EnOrg.png");
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.Ruvila-flag-bg{
    position: absolute;
    inset: 0;
    background-image:url("Faction/RepublicL.png");
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.Zarab-flag-bg{
    position: absolute;
    inset: 0;
    background-image:url("Faction/zarab.png");
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.Union-flag-bg{
    position: absolute;
    inset: 0;
    background-image:url("Faction/Union.png");
    background-size: cover;
    background-position: center;
    opacity: 0.5;
}

.vehicle-icon{
    z-index: 10; 
    position: relative;
    width: 17%;

}

/* Flag by CrossWorth*/
.faction-logo{
    width:180px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}

.faction-desc{
    display:flex;
    flex-direction:column;
    flex:1;
    padding-left:10px;
}

/* Story by CrossWorth*/
.story_sub1{
    color: rgb(196, 196, 0);
    text-decoration: none;
    font-size: 140%;
    padding-left: 15%; 
    padding-Right: 15%;
    text-align: center;
    font-weight: bold;
}

.story_sub2{
    color: rgb(196, 196, 0);
    text-decoration: none;
    font-size: 135%;
    padding-left: 15%; 
    padding-Right: 15%;
    text-align: left;
}

.story_sub3{
    color: rgb(196, 196, 0);
    margin-top: 5px;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 125%;
    padding-left: 15%; 
    padding-Right: 15%;
    text-align: left;
}








th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
	float: right;
	margin-top: 7px;
  margin-left: 5px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: white transparent;
	visibility: hidden;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}